* {
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font: 12px/18px Arial, sans-serif;
    width: 100%;
}
/* Begin of styles for the demo (you can remove them) */
a.expand {
    width: 90px;
    display: block;
    margin: 10px 0 0;
}
a.expand:hover {
    height: 500px;
}
#adminBodyPage{
    width: 80%;
    margin: 0px auto;
}

#top{
    width: 100%
}
/* End of of styles for the demo */
.wrapper {
    width: 950px;
    margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
    height: 110px;
    /*background: #EEE;*/
}
body {


}

/* Middle
-----------------------------------------------------------------------------*/
.middle {
    border-left: 200px solid #FFF;
    border-right: 200px solid #FFF;
    position: relative;
}
.middle:after {
    display: table;
    clear: both;
    content: '';
}
.container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-right: -100%;
}
.content {
    padding: 5px 0 0 4px;
    width: 98.5%;
    min-height: 470px;
}


/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
    float: left;
    width: 200px;
    position: relative;
    /*background: #DDD;*/
    left: -200px;
    padding: 5px 0 0 0;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
    float: right;
    margin-right: -200px;
    width: 200px;
    position: relative;
    /*background: #DDD;*/
    padding: 5px 0 0 0;
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
    padding-top: 10px;
    height: 100px;
    /*background: #EEE;*/
}

.ui-panelgrid td {
    border: 0px !important;
}
.ui-datagrid-content {
   border: none;
}    
.panelPrincipal tr {
    border: 0px !important;
}
.gridNormal tr, .gridNormal td {
    border: none;
}
#mid-sec #bg {
    background:					transparent url(./images/mid-sec.png) no-repeat center 100%;
    width:						auto;
    min-width:					1002px;
    height:						499px;
}
#titulopagina {
    font-family: Tahoma, Arial;
    font-size: 25px;
    text-transform:uppercase;
    color: lightgray;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;    
    width: 500px;
}
#descripcionpagina {
    font-size: 15px;
    
    margin-left: auto;
    margin-right: auto;
    text-transform: none;
    font-weight: normal;
}

/*************************************************************************
Parte superior con logo
*************************************************************************/
#top-bar {
    background:					transparent url(../resources/images/topborder.png) repeat-x;
    height:						77px;
    overflow:					visible;
    position:					relative;
    z-index:					3;
}
#top-logo {
    margin-left: -20px; 
}
#top-bar #menu {
    float:						right;
    height:						55px;
}
#top-bar ul#menu {
    list-style:					none;
}
#top-bar ul#menu li {
    float:						left;
    text-align:					right;
}
#top-bar ul#menu li .line {
    float:						left;
    background:					transparent url(../resources/images/menu-spacer.jpg) no-repeat 100% 0;
    width:						2px;
    height:						55px;
}
#top-bar ul#menu span {
    float:						left;
    display:					block;
    width:						410px;
    height:						30px;
    padding:					7px 7px 0 0;
    text-transform:				uppercase;
    text-decoration:			none;
    font-weight:				bold;
    font-size:					14px;
    color:						#000;
}
#top-bar ul#menu span span {
    display:					block;
    color:						#999;
    font-size:					10px;
    text-transform:				none;
    font-weight:				normal;
    line-height:				14px;
}

#top-bar ul#menu a.selected, #top-bar ul#menu a.selected:hover {
    color:						#999;
}
#top-bar ul#menu a:hover {
    color:						#399cb2;
}
#logosection {
    width: 203px;
    height: 178px;
    background-image: url(../resources/images/top-logo.png);
    margin-left: -20px;
}

#logosection img {
    padding-top: 15px;
    padding-left: 20px;
    width: 160px;
    height: 129px;
} 



/**********************************************************
FOOTER
************************************************************/
#footer {
    width: 100%;
    background:					#25292E;
    padding-bottom: 20px;
    margin-top: 20px;
}
#footer .wrapper {

    width:						900px;
    padding-top:				30px;
}

#footer a {
    color:						#bac8da;
    text-decoration:			none;
}

#footer a:hover {
    color:						#859ab4;
    text-decoration:			underline;
}

#footer #left {
    float:						left;
    margin-left:				30px;
}
#footer #left p {
    width:						455px;
    margin-top:					3px;
    color:						#dde4ed;
    font-size:					12px;
}
#footer #testimonials {
    float:						right;                
    width:						150px;
    margin-right:				6px;
}
#footer #copyright {
    clear:						both;
    padding:					20px 8px;

}
#footer #copyright p {
    float:						left;
    font-size:					13px;
    color:						#7b8491;
}
#footer #copyright p a {
    font-weight:				bold;
    text-decoration:			none;
}
#footer #copyright p a:hover {
    text-decoration:			underline;
}
#footer #copyright .right {
    float:						right;
    width:						290px;
}
#footer #copyright .right p {
    float:						right;
}
#footer #copyright .right a {
    font-weight:				normal;
    color:						#7b8491;
}
#footer #copyright #ccg {
    float:						right;
}            
